<style>
    h4 span{
        padding-left: 10px;
    }
    .modal-body ul,.modal-body .padding{
        padding-left:20px;
        padding-right:20px;
    }
    input[type=checkbox][disabled]+span{
        /*text-decoration: line-through;*/
    }
    .modal-body{
        max-height:400px;
        overflow-y: auto;
    }
</style>
<div class="modal-header">
    <h4 class="modal-title">{{ 'delete_confirm' | translate}}</h4>
</div>
<div class="modal-body">
    <h4>{{ 'ready_to_delete' | translate }}</h4>
    <div class="padding">
        <div class="delete-folder" ng-if="hasFolders">
            <h4><i class="fa fa-folder"></i><span>{{ 'folder' | translate }}</span></h4>
            <ul>
                <li ng-repeat="file in files | folder" class="long-words-handle">
                    <span>{{ file.name }}</span>
                </li>
            </ul>
        </div>
        <div class="delete-document" ng-if="hasDocs">
            <h4><i class="fa fa-file"></i><span>{{ 'file' | translate }}</span></h4>
            <div class="text-center"><i class="fa fa-spinner fa-pulse" ng-show="pathIsLoading"></i></div>
            <ul class="ng-hide" ng-show="!pathIsLoading">
                <li ng-repeat="file in files | document" class="long-words-handle">
                    <span><strong>{{ file.name }}</strong></span>
                    <ul ng-if="file.paths.length>1 && files.length==1" data-id="{{ file.id }}">
                        <!-- path  是一个 id -->
                        <li>{{ 'file_has_paths' | translate }}</li>
                        <li ng-repeat="path in file.paths">
                            <label>
                                <input type="checkbox" data-id="{{ path }}" ng-checked="{{ path == currentFolder.id }}" ng-disabled="!file.pathObjs[path].allowableActions['canDeleteObject']">
                                <span>{{ allFiles[path]['path'] + '/' + file.name }}</span>
                            </label>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</div>
<div class="modal-footer">
    <button class="btn btn-custom-primary" type="button" ng-click="ok()" ng-disabled="isDisabled()">{{'ok' | translate }}</button>
    <button class="btn btn-default" type="button" ng-click="cancel()">{{'cancel' | translate }}</button>
</div>